*{
  margin: 0;
  padding: 0;
}
ul{
  list-style: none;
}
a{
  text-decoration: none;
  color: #999;
}
/* 宽度 */
.w-35{
  width:35%;
}
.w-50{
  width:50%;
}
.w-80{
  width:80%;
}
.w-100{
  width:100%;
}
.h-40{
  height: 40px !important;;
}
/* 盒子居中 */
.box-center{
  margin: 0 auto;
}
/* 文本居中 */
.center{
  text-align: center;
}
.right{
  text-align: right;
}
/* 外边距 */
.m-2{
  margin:2%;
}
.mx-2{
  margin-left:2%;
  margin-right:2%;
}
.my-1{
  margin-top:1%;
  margin-bottom:1%;
}
.my-2{
  margin-top:2%;
  margin-bottom:2%;
}
.my-3{
  margin-top:3%;
  margin-bottom:3%;
}
.my-4{
  margin-top:4%;
  margin-bottom:4%;
}
.mt-2{
  margin-top:2%;
}
.mb-2{
  margin-bottom:2%;
}
.ml-2{
  margin-left:2px;
}
.mr-2{
  margin-right:2%;
}
.mt-1{
  margin-top:1%;
}
.mb-1{
  margin-bottom:1%;
}
.mr-10{
  margin-right:10%;
}
/* 内边距 */
.p-2{
  padding:2%;
}
.p-1{
  padding:1%;
}
.px-2{
  padding-left:2%;
  padding-right:2%;
}
.px-1{
  padding-left:1%;
  padding-right:1%;
}
.py-2{
  padding-top:2%;
  padding-bottom:2%;
}
.py-1{
  padding-top:1%;
  padding-bottom:1%;
}
.py-3{
  padding-top:3%;
  padding-bottom:3%;
}
.pb-4{
  padding-bottom:4%;
}
/* 灰色背景 */
.bg-gray{
  background-color: #efefef;
}
.bg-white{
  background-color: #fff;
}
/* 边框 */
.border-gray{
  border:1px solid #ddd;
}
.border-y-gray{
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
}
.border-b-gray{
  border-bottom:1px solid #ddd;
}
.border-t-gray{
  border-top:1px solid #ddd;
}
/* 文本红色 */
.red{
  color:red;
}
.gray{
  color: #333 !important;;
}
/* 内容为空 */
.empty{
  text-align: center;
  font-weight: bold;
  font-size: 1.2rem;
  padding: 5%;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  margin: 3% 0;
}
/* 手指光标 */
.pointer{
  cursor: pointer;
}
/* 文字大小 */
.font-size-9{
  font-size:0.9rem;
}
.font-size-11{
  font-size:1.1rem;
}
.font-size-12{
  font-size:1.2rem;
}
/* 文字粗细 */
.bold{
  font-weight: bold;
}
/* 分割线 */
.divider{
  color:#bbb;
  padding-left:10px;
}
